<%@page language = "Java" import = "java.io.*, java.util.*"%>
<%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8" errorPage="../error/errorpage.jsp"%>
<%@page import="beans.BeanLugares" 
		 import="mapping.ElementoMapa"
		 import="mapping.LugarInteres"
		 import="mapping.Telefono"%>
<jsp:useBean id="mybean" class="beans.BeanLugares"/>
<%
	String paramIdLugar = request.getParameter("id_lugar");
	mybean.conectar();
	LugarInteres li = mybean.getLugarById(Integer.parseInt(paramIdLugar));
	int id_lugar = li.getId_elem_mapa();
%>
<div id="form_mod_lugar">	
	<form id="formmodlugar" action="#" onsubmit="return false" method="post" accept-charset="UTF-8">
	<fieldset>
	<legend>Datos de lugar favorito</legend>
	<!-- este campo sera oculto -->
		<div id="contentformmodlugar">
			<div>
				<input type="hidden" name="id_lugar" id="id_lugar" value="<%=id_lugar%>"/>
				<label>Coordenadas</label>
				<input type="text" name="latitud" value="<%=li.getLatitud()%>" id="latitud" readonly="readonly"/>
				<input type="text" name="longitud" value="<%=li.getLongitud()%>" id="longitud" readonly="readonly"/>
			</div>
			<div id="itnomlugar">
				<label for="nomlugar">Nombre<sup>*</sup></label>
				<input type="text" name="nomlugar" id="nomlugar" value="<%=li.getNombre()%>"
					maxlength="100" size="35" title="Introduzca el nombre del lugar"/>
			</div><!-- fin div id="itnomlugar" -->
			<div id="seltipolugar">
				<label for="tipo_nuevo_lugar">Tipo</label>
				<select id="tipo_nuevo_lugar" name="tipo_nuevo_lugar" size="1" title="Selecciona el tipo de lugar">
					<%	
					List listaTipoLugares = mybean.getTipoLugares();
					Iterator it = listaTipoLugares.iterator();			
					while(it.hasNext()){
						String [] valorTipo = ((String) it.next()).split(",");
						if(!valorTipo[1].equalsIgnoreCase(li.getTipo_elem_mapa())){%>
							<option value = "<%=valorTipo[0]%>"><%=valorTipo[1]%></option>
						<%}else{%>
							<option value = "<%=valorTipo[0]%>" selected="selected"><%=valorTipo[1]%></option>
						<%}
						} // fin while
						%>
				</select>
			</div><!-- fin div id="seltipolugar" -->
			<%
			String direcc = "";
			if(li.getDireccion()!=null && li.getDireccion().trim().length() != 0)
				direcc =li.getDireccion();
			%>
			<div id="itdirecclugar">
				<label for="direcclugar">Direcci&oacute;n</label>
				<input type="text" id="direcclugar" name="direcclugar" value="<%=direcc%>" maxlength="100" size="50" title="Introduzca la direcci&oacute;n del lugar"/>
			</div>
			<%
			String descr = "";
			if(li.getDescripcion()!=null) {
				descr=li.getDescripcion();
			}
			int longdescr = 255 - descr.length();
			%>
			<div id="tadescrlugar" style="float:left">
				<label for="descrlugar">Descripci&oacute;n</label>
				<div id="capadescripcionlugar">
					<textarea id="descrlugar" name="descrlugar" rows="4" cols ="45" title="Introduzca la descripci&oacute;n del lugar"
					onkeyup="contarCaracteres(this, event)"><%=descr%></textarea>					
				</div>
				<div id="capacontador">
					<input id="contador" type="text" size="4" readonly="readonly" value="<%=longdescr%>"/>
					<br/><small>Max. 255 caracteres</small>
					<p id="limitechar"></p>
				</div>
			</div><!--fin  div id="tadescrlugar" -->	
			
			<div style="float:left; width: 50%">
		
			<h3>Tel&eacute;fonos</h3>
			<%
				List tfnosLugar = li.getTfnos();
				Iterator it2 = tfnosLugar.iterator();
				// contador del n� de tfnos
				int numTfnos = 1;
				// indice para contar los n� de tfno 
				int i=1;
				if(!tfnosLugar.isEmpty())
				numTfnos = tfnosLugar.size(); 
			%>
			<div id="formocultos">
				<input type="hidden" id="numMaxTfnos" name="numMaxTfnos" value="<%=numTfnos%>" size="2"/>
				<input type="hidden" id="numActualTfnos" name="numActualTfnos" value="<%=numTfnos%>" size="2"/>
				<input type="hidden" id="tfnosElim" name="tfnosElim" value=""/>
			</div>
			
			<div id="listatfnos">
				<div id="btntelefonos">
					<button class="mybtn" onmouseover="goLite(this)" onmouseout="goDim(this)"
					onclick="anadirTfno()" title="A�adir otro telefono">+</button>
					<button id="btnborrtfno" class="mybtn" onmouseover="goLite(this)" onmouseout="goDim(this)"
					onclick="quitarTfno()" title="Eliminar telefono">-</button>
				</div>
			
				<%
				//Si NO hay tfnos dejamos un unico campo de tfno vacio
				if(!it2.hasNext()){
				%>
				<div class="divtfno" id="divtfno<%=i%>">
					<input type="hidden" id="idtfno<%=i%>" name="idtfno<%=i%>" value="0" size="2"/>
					<input type="checkbox" id="tfnochk_<%=i%>" name="tfnochk_<%=i%>" class="chkbox"/>
					<input type="text" id="tfno<%=i%>" name="tfno<%=i%>" value="" maxlength="45" title="Introduzca telefono"/>
				</div>		
				<%
					//E.O.C. mostramos tantos campos de tfno como numeros haya para un lugar
					} else{
					 	boolean primeraIter = true;
						while(it2.hasNext()){
							Telefono tfno = (Telefono) it2.next();
							String numtfno = tfno.getTelefono();
				%>
				<div class="divtfno" id="divtfno<%=i%>">
					<input type="hidden" id="idtfno<%=i%>" name="idtfno<%=i%>" value="<%=tfno.getId_telefono()%>" size="2">
					<input type="checkbox" id="tfnochk_<%=i%>" name="tfnochk_<%=i%>" class="chkbox">
					<input type="text" id="tfno<%=i%>" name="tfno<%=i%>" value="<%=numtfno%>" maxlength="45" title="Introduzca telefono">
				</div>
				<%
						i++;
						}//fin while
					}//fin else
				%>
			</div><!-- div id="listatfnos" -->
		
			</div><!-- <div style="float:left; width: 50%"> -->
		</div><!-- fin <div id="contentformmodlugar"> -->
		<!-- Aqui se pone la info al admin de como ha ido la operacion -->
	</form>	
</div><!--div id="form_mod_lugar"-->
<div class="centrado">
	<button class="mybtn" onmouseover="goLite(this)" onmouseout="goDim(this)"
	onclick="guardaLugar(<%=id_lugar%>)" title="Guardar nuevo lugar">Guardar</button>
	<button class="mybtn" onmouseover="goLite(this)" onmouseout="goDim(this)"
	onclick="Effect.SlideUp($('modlugar'))" title="Cancelar">Cancelar</button>
</div>
</fieldset>
<div id="res_mod_lugar"></div>
<%
	mybean.desconectar();
%>